<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表页</title>
    <link rel="stylesheet" href="../bootstrap-3.3.0-dist/css/bootstrap.css">
    <link rel="stylesheet" href="./list.css">
    <link rel="stylesheet" href="../01index/icon/iconfont.css">
    <script src="../bootstrap-3.3.0-dist/js/jquery-1.11.0.js"></script>
    <script src="../bootstrap-3.3.0-dist/js/bootstrap.js"></script>
</head>
<body>
    <!-- 头部 -->
    <div class="head">
        <div class="w">
            <ul class="list1">
                <li><a href="#">中国大陆</a><span class="caret"></span></li>
                <li><a href="javascript:;">亲，请登录</a></li>
                <li><a href="#">免费注册</a></li>
                <li><a href="#">手机逛淘宝</a></li>
                <li><a href="#">网页无障碍</a></li>
            </ul>

            <ul class="list2">
                <li><a href="#">我的淘宝</a><span class="caret"></span></li>
                <li>
                    <i class="iconfont icon-gouwuche"></i>
                    <a href="javascript:;">购物车</a>
                </li>
                <li>
                    <i class="iconfont icon-ef-shoucangjia-gongju"></i>
                    <a href="#">收藏夹</a>
                </li>
                <li><a href="#">商品分类&nbsp;免费开店</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">千牛卖家中心</a><span class="caret"></span></li>
                <li><a href="#">联系客服<span class="caret"></span></a></li>
            </ul>
        </div>
    </div>
    <!-- 搜索 -->
    <div class="search">
        <div class="w">
            <div class="logo">
                <a href="../01index/index.html"></a>
            </div>
            <div class="inputbox">
                <a href="#">宝贝 <span class="caret"></span></a>
                <input type="text">
                <button>搜索</button>
            </div>
        </div>
    </div>
    <!-- 筛选块 -->
    <div class="main">
        <div class="w">
            <div class="main-nav">
                <ul>
                    <li><a href="#">综合排序</a></li>
                    <li><a href="#">销量</a></li>
                    <li><a href="#">信用</a></li>
                    <li><a href="#">价格 <span class="caret"></span></a></li>
                </ul>
                <div>
                    <input type="text" placeholder="￥">-
                    <input type="text" placeholder="￥">
                </div>
            </div>
            <!-- 渲染 -->
            <div class="main-list">
                <ul class="like-list">
                    <!-- <li>
                      <img src="./imges/huo01.webp" alt="">
                      <h4>特步板鞋男鞋2022夏季新款潮流低帮小白鞋情侣百搭休闲鞋官方旗舰</h4>
                      <span class="price">
                          <em>￥</em>
                          149
                      </span>
                      <button>查看详情</button>
                    </li> -->
                </ul>
            </div>
        </div>
        
    </div>
    <!-- 分页器 -->
    <div class="pagination"></div>

    <div class="footer">
        <div class="w">
            <img src="../images/footer_03.jpg" alt="">
        </div>
    </div>

    <script src="../js/ajax1.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/pagation.js"></script>
    <script src="./list.js"></script>
</body>
</html>